<!-- page specific plugin styles -->
<link rel="stylesheet" type="text/css" href="styles/goods/goods_nav.css" />
<link rel="stylesheet" type="text/css" href="styles/goods/tablegai.css" />
<link rel="stylesheet" type="text/css" href="styles/goods/ruku.css" />
<link rel="stylesheet" type="text/css" href="styles/goods/kucun.css" />

<!-- begin 库存管理 -->
<div class="goods_nav">
	<ul>
		<li style="background: #3abdeb;">商品库存</li>
		<li>新增入库单</li>
		<li>新增出库单</li>
		<a href="#" class="right_nav"><img src="images/goods/img/zhibiao.png" /><img src="images/goods/img/shezhi.png" /></a>
	</ul>

	<div class="inner">
		<div style="display: block;">
			<label>
				<input type="text" name="" id="" placeholder="输入单据号/备注/相关商品ID/条码/名称" />
			</label>
			<img src="images/goods/img/shaixuan.png" />
			<p>
				<span id="">
					共有<a>1080种</a>商品，在售商品<a>1080种</a>
				</span>
				<span id="">
					库存预警商品<a>1080种</a>
				</span>
				<span id="">
					库存商品总成本<a>1080种</a>，预售商品<a>1080种</a>
				</span>
			</p>
			<div class="bt_right">
				<input type="button" class="btn_dayin" value="打印" />
				<input type="button" class="btn_shenhe" value="审核" />
				<input type="button" class="btn_feiqi" value="废弃" />
			</div>

			<!--tabletop-->

			<table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dynamic-table_info">
				<thead>
				<tr role="row">
					<th class="center sorting_disabled" rowspan="1" colspan="1" aria-label="">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</th>
					<th class="ico">
						<i class="ace-icon glyphicon glyphicon-trash" style="color: white;"></i>
					</th>
					<th class="sorting" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" aria-label="单据号: activate to sort column ascending">单据号</th>
					<th class="sorting" tabindex="0" aria-controls="dynamic-table" rowspan="1" colspan="1" aria-label="操作时间: activate to sort column ascending">操作时间</th>
					<th>单据类型</th>
					<th>上品数量</th>

					<th>状态</th>

					<th>操作类型</th>

					<th>操作人</th>
					<th>供应商</th>
					<th>操作</th>
				</tr>
				</thead>

				<tbody>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				<tr class="trtow">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>

					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>

				</tr>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				<tr class="tr">
					<td class="center">
						<label class="pos-rel">
							<input type="checkbox" class="ace">
							<span class="lbl"></span>
						</label>
					</td>
					<td>
						<i class="ace-icon glyphicon glyphicon-trash" style="color: #3bbeea;" id="display"></i>
					</td>
					<td>7456842346</td>
					<td>2016-11-17-12:00:00</td>
					<td>入库单</td>
					<td>8888.88</td>
					<td>草稿</td>
					<td>期初入库</td>
					<td>老王</td>
					<td>a供应商</td>
					<td>
						<i class="ace-icon fa fa-pencil-square-o" id="ace_icon"></i>
					</td>
				</tr>
				</tbody>
			</table>

			<div class="row">
				<div class="col-xs-6">
					<div class="dataTables_info" id="dynamic-table_info" role="status" aria-live="polite">共3条，每页显示 <select>
						<option>10</option>
						<option>20</option>
						<option>30</option>
					</select> 条
					</div>
				</div>
				<div class="col-xs-6">
					<div class="dataTables_paginate paging_simple_numbers" id="dynamic-table_paginate">
						<ul class="pagination">
							<li class="paginate_button previous disabled" aria-controls="dynamic-table" tabindex="0" id="dynamic-table_previous">
								<a href="#">
									<</a>
							</li>
							<li class="paginate_button active" aria-controls="dynamic-table" tabindex="0">
								<a href="#">1</a>
							</li>
							<li class="paginate_button " aria-controls="dynamic-table" tabindex="0">
								<a href="#">2</a>
							</li>
							<li class="paginate_button " aria-controls="dynamic-table" tabindex="0">
								<a href="#">...</a>
							</li>
							<li class="paginate_button " aria-controls="dynamic-table" tabindex="0">
								<a href="#">10</a>
							</li>
							<li class="paginate_button next" aria-controls="dynamic-table" tabindex="0" id="dynamic-table_next">
								<a href="#">></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--tablefoot-->
		</div>
		<!--begin 入库-->
		<div class="mainn">
			<div class="kong"></div>
			<div class="ruku">
				<h1>
					<span>
						<img src="images/goods/caogao.png"/>
					</span>
					易掌店——入库单
				</h1>

				<div class="cont-top1">
					<div class="subcont1">
						<div class="cont1">
							<label>供应商：</label>
							<select class="select0">
								<option>请选择供应商</option>
								<option>a供应商</option>
								<option>b供应商</option>
								<option>c供应商</option>
								<option>d供应商</option>
								<option>e供应商</option>
								<option>f供应商</option>
								<option>g供应商</option>
							</select>
						</div>
						<div class="cont2">
							<label>单号：</label>
							<span>2013856693946</span>
						</div>
						<div class="cont3">
							<label>经办人：</label>
							<span>老王</span>
						</div>
					</div>
					<div style="clear:both;"></div>

					<div class="subcont2">
						<div class="content1">
							<label>入库类型：</label>
							<select class="select1">
								<option>请选择供应商</option>
								<option>a供应商</option>
								<option>b供应商</option>
								<option>c供应商</option>
								<option>d供应商</option>
								<option>e供应商</option>
								<option>f供应商</option>
								<option>g供应商</option>
							</select>
						</div>
						<div class="content2">
							<label>入库时间：</label>
							<span></span>
						</div>
					</div>
					<div style="clear:both;"></div>

					<div class="subcont3">
						<label>备注信息：</label>
						<input type="text" placeholder="备注一下吧！" class="beizhu" />
					</div>
					<!--上半部分结束-->

					<div class="tables">
						<div class="chex">
							<div class="chex0">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex1">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex2">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex3">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>

							</div>
						</div>

						<div class="table1">
							<table class="table-cont1">

								<tr class="theader">
									<th>序号</th>
									<th>商品</th>
									<th>单位</th>
									<th>商品数量</th>
									<th>商品进价</th>
								</tr>

								<tr>
									<td>1</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="6.66" class="num" />
									</td>
								</tr>

								<tr>
									<td>2</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="2.22" class="num" />
									</td>
								</tr>

								<tr>
									<td>3</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="55.5" class="num" />
									</td>
								</tr>

								<tr class="fotbg">
									<td></td>
									<td colspan="5">
										<span>合计数量：<a>1080</a></span>

										<span>合计进价：<a>1080.00</a>元</span>
										<span>应付金额：<a>1080.00</a>元</span>
										<span>实付金额：<a>1080.00</a>元</span>
									</td>
								</tr>

							</table>
						</div>

						<div class="btn_right">
							<div class="btn_top">
								<button>+</button><button>-</button>
							</div>
							<div class="btn_center">
								<button>+</button><button>-</button>
							</div>
							<div class="btn_foot">
								<button>+</button><button>-</button>
							</div>
							<div class="help-button">
								<img src="images/goods/wenhao.png" />
								<p>随便写点什么……</p>
							</div>
						</div>
					</div>

				</div>

				<!--虚线结束-->
			</div>
			<p>虚线内为打印区域</p>
			<!--底部按钮-->
			<div class="foot1">
				<div class="foot1_left">
					<input type="button" name="" id="" value="全选" />
					<input type="button" name="" id="" value="删除" />
				</div>
				<div class="foot1_right">
					<input type="button" name="" id="" value="取消" />
					<input type="button" name="" id="" value="打印" />
					<input type="button" name="" id="" value="保存为草稿" />
					<input type="button" name="" id="" value="保存并审核" />
				</div>
			</div>
		</div>
		<!--end 入库-->
		<!--出库-->
		<div class="mainn">
			<div class="kong"></div>
			<div class="ruku">
				<h1>
					<span>
						<img src="images/goods/caogao.png"/>
					</span>
					易掌店——出库单
				</h1>

				<div class="cont-top1">
					<div class="subcont1">
						<div class="cont1">
							<label>供应商：</label>
							<select class="select0">
								<option>请选择供应商</option>
								<option>a供应商</option>
								<option>b供应商</option>
								<option>c供应商</option>
								<option>d供应商</option>
								<option>e供应商</option>
								<option>f供应商</option>
								<option>g供应商</option>
							</select>
						</div>
						<div class="cont2">
							<label>单号：</label>
							<span>2013856693946</span>
						</div>
						<div class="cont3">
							<label>经办人：</label>
							<span>老王</span>
						</div>
					</div>
					<div style="clear:both;"></div>

					<div class="subcont2">
						<div class="content1">
							<label>出库类型：</label>
							<select class="select1">
								<option>请选择供应商</option>
								<option>a供应商</option>
								<option>b供应商</option>
								<option>c供应商</option>
								<option>d供应商</option>
								<option>e供应商</option>
								<option>f供应商</option>
								<option>g供应商</option>
							</select>
						</div>
						<div class="content2">
							<label>出库时间：</label>
							<span></span>
						</div>
					</div>
					<div style="clear:both;"></div>

					<div class="subcont3">
						<label>备注信息：</label>
						<input type="text" placeholder="备注一下吧！" class="beizhu" />
					</div>
					<!--上半部分结束-->

					<div class="tables">
						<div class="chex">
							<div class="chex0">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex1">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex2">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>
							</div>
							<div class="chex3">
								<lable class="pos-rel">
									<input type="checkbox" class="ace" />
									<span class="lbl"></span>
								</lable>

							</div>
						</div>

						<div class="table1">
							<table class="table-cont1">

								<tr class="theader">
									<th>序号</th>
									<th>商品</th>
									<th>单位</th>
									<th>商品数量</th>
									<th>商品进价</th>
								</tr>

								<tr>
									<td>1</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="6.66" class="num" />
									</td>
								</tr>

								<tr>
									<td>2</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="2.22" class="num" />
									</td>
								</tr>

								<tr>
									<td>3</td>
									<td>
										<input type="text" placeholder="商品ID/条形码/名称" class="shangpin" />
									</td>
									<td>件</td>
									<td>
										<input type="text" value="888" class="num" />
									</td>
									<td>
										<input type="text" value="55.5" class="num" />
									</td>
								</tr>

								<tr class="fotbg">
									<td></td>
									<td colspan="5">
										<span>合计数量：<a>1080</a></span>

										<span>合计进价：<a>1080.00</a>元</span>
										<span>应付金额：<a>1080.00</a>元</span>
										<span>实付金额：<a>1080.00</a>元</span>
									</td>
								</tr>

							</table>
						</div>

						<div class="btn_right">
							<div class="btn_top">
								<button>+</button><button>-</button>
							</div>
							<div class="btn_center">
								<button>+</button><button>-</button>
							</div>
							<div class="btn_foot">
								<button>+</button><button>-</button>
							</div>
							<div class="help-button">
								<img src="images/goods/wenhao.png" />
								<p>随便写点什么……</p>
							</div>
						</div>
					</div>

				</div>

				<!--虚线结束-->
			</div>
			<p>虚线内为打印区域</p>
			<!--底部按钮-->
			<div class="foot1">
				<div class="foot1_left">
					<input type="button" name="" id="" value="全选" />
					<input type="button" name="" id="" value="删除" />
				</div>
				<div class="foot1_right">
					<input type="button" name="" id="" value="取消" />
					<input type="button" name="" id="" value="打印" />
					<input type="button" name="" id="" value="保存为草稿" />
					<input type="button" name="" id="" value="保存并审核" />
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end -->

<!-- inline scripts related to this page -->
<script src="scripts/goods/goods_stock.js"></script>
<script src="scripts/goods/help_button.js"></script>
<script src="scripts/goods/checkbox.js"></script>
<script src="scripts/goods/goods_nav.js"></script>
<script type="text/javascript">
	jQuery(function($) {

	})
</script>